<template>
    <div>
        <Row class="expand-row">
             <Table stripe border :columns="columns1" :data="data1"></Table>
        </Row>
    </div>
</template>
<script>
export default {
  data () {
    return {
      $ajax: null,
      path: this.$route.path,
      // 已处理列
      columns1: [
        {
          align: 'center',
          title: '电话号码',
          key: 'mobileNum'
        },
        {
          title: '还款类型',
          key: 'paymentType',
          align: 'center',
          render: (h, params) => {
            if (params.row.paymentType === '1') {
              return h('span', {
                props: {
                  type: 'text',
                  size: 'small'
                }
              }, '自动代扣')
            }
            if (params.row.paymentType === '2') {
              return h('span', {
                props: {
                  type: 'text',
                  size: 'small'
                }
              }, '主动还款')
            }
            if (params.row.paymentType === '3') {
              return h('span', {
                props: {
                  type: 'text',
                  size: 'small'
                }
              }, '提前结清')
            }
            if (params.row.paymentType === '4') {
              return h('span', {
                props: {
                  type: 'text',
                  size: 'small'
                }
              }, '主动还款')
            }
            if (params.row.paymentType === '5') {
              return h('span', {
                props: {
                  type: 'text',
                  size: 'small'
                }
              }, '下期还款')
            }
            if (params.row.paymentType === '6') {
              return h('span', {
                props: {
                  type: 'text',
                  size: 'small'
                }
              }, '手动代扣')
            }
            if (params.row.paymentType === '9') {
              return h('span', {
                props: {
                  type: 'text',
                  size: 'small'
                }
              }, '支付宝还款')
            }
            if (params.row.paymentType === '10') {
              return h('span', {
                props: {
                  type: 'text',
                  size: 'small'
                }
              }, '支付宝提前结清')
            }
          }
        },
        {
          align: 'center',
          title: '银行名称',
          key: 'bankName'
        },
        {
          align: 'center',
          title: '银行卡号',
          key: 'bankCard'
        },
        {
          align: 'center',
          title: '产品渠道',
          key: 'channelName'
        },
        {
          align: 'center',
          title: '返回信息',
          key: 'returnMsg'
        }
      ],
      data1: [ ]
    }
  },
  props: {
    row: Object
  },
  created () {
    // 初始化当前页面请求对象实例
    // this.mobileNum = this.row.mobileNum
    this.data1.push(this.row)
  }
}
</script>
<style scoped>
    .expand-row{
        margin-bottom: 12px;
    }
</style>
